<template>
  <div class="paySuccess_container">
    <div class="public_pay_popup">
      <!-- 绑定手机号 -->
      <div class="public_pp_box mebile" style="display: none;">
        <div style="margin-top:51%;text-align: center;">
          <input type="text" class="bg_no" id="iphone" name="username" placeholder="请输入正确的手机号" value=""
            style="width: 86%;height: 35px;font-size: 16px;border: 1px solid #959595;border-radius: 5px">
        </div>
        <div id="submit"></div>
        <div id="send">绑定中...</div>
      </div>
      <!-- 二维码 -->
      <div class="public_pp_box qrcode">
        <p style="text-align: center;font-size: 16px;color:#e77340;margin-top: 32%;margin-bottom: 0 ">
          订单号:175024312920048758</p>
        <div style="margin-top:1%;">
          <div style="width:118px; height:118px;margin: 0 auto">
            <div id="qrcode_img"></div>
          </div>
        </div>
        <p style="text-align: center;font-size: 16px;color:#e77340;margin-top: 0% ">微信扫描二维码，免费解读报告</p>
      </div>
      <!--  按钮 -->
      <div class="public_pp_box buttonAccepted" style="display: block;">
        <p style="text-align: center;font-size: 16px;color:#e77340;margin-top: 48% ">订单号:175024312920048758</p>
        <div class="jiawie">
          <a id="button" href="https://www.baidu.com/" target="_blank"
            style="width: 100%;height: 100%;display: inline-block;"></a>
        </div>
        <p style="text-align: center;font-size: 16px;color:#e77340;margin-top: 0% ">加老师微信可免费解读报告</p>
      </div>
      <!-- 客服电话 -->
      <!-- <div class="public_pp_box kefu">
        <p style="text-align: center;font-size: 16px;color:#e77340;">订单号:175024312920048758</p>
        <p style="text-align: center;font-size: 16px;color:#e77340;margin-top: 5% ">客服电话:<a rel="nofollow"
            href="tel:17816042017">17816042017</a></p>
      </div> -->
    </div>
  </div>
</template>

<script setup>

</script>

<style scoped>
.paySuccess_container {
  background: url(http://file.sixiuguoxue.com/statics/ffsm/findorder/images/bazijp.jpg) no-repeat;
  background-size: 100%;
}

.buttonAccepted {
    display: none;
    background: url(http://file.sixiuguoxue.com/statics/ffsm/findorder/images/qrcode.png) no-repeat;
    background-size: 100%;
    background-position-y: 30px;
    padding-top: 10px !important;
    /* width: 22vw; */
    height: 410px;
}

.buttonAccepted .jiawie {
    margin: 0 auto;
    margin-top: 5%;
    background: url(http://file.sixiuguoxue.com/statics/ffsm/findorder/images/button.png) no-repeat;
    background-size: 100%;
    height: 75px;
    width: 96%;
}
</style>
